<template>
  <div class="portalList">
    <div class="portalList-header">
      <div
        class="portalList-header-item"
        v-for="column in columns"
        :key="column.key"
      >{{column.title}}</div>
    </div>
  </div>
</template>

<script>
export default {
  name: "portalList",
  data () {
    return {
      columns: [
        { title: "审批代办", key: "1" },
        { title: "流程名称", key: "2" },
        { title: "流程类型", key: "3" },
        { title: "步骤名称", key: "4" },
        { title: "发起人", key: "5" },
        { title: "接受时间", key: "6" }
      ]
    };
  }
};
</script>

<style lang="less" scope>
.portalList {
  width: 100%;
  min-height: 400px;
  border: 1px solid #dddddd;
  .portalList-header {
    display: flex;
    .portalList-header-item {
      flex: 1;
      align-items: center;
    }
  }
}
</style>